<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
<title>巨齿鲨</title>
<link rel="stylesheet" href="../css/score.css" />
<script type="text/javascript" src="../js/jquery-3.5.1.min.js"></script>
<script type="text/javascript" src="../js/score.js"></script>
</head>

<body>
<div id="nav">
	<div class="nav-logo"><a href="../index.html">豆瓣电影</a></div>
	<div class="nav-items">
		<ul>
			<li><a href="javascript:;">影讯 & 购票</a></li>
			<li><a href="javascript:;">选电影</a></li>
			<li><a href="javascript:;">电视剧</a></li>
			<li><a href="javascript:;">排行榜</a></li>
			<li><a href="javascript:;">分类</a></li>
			<li><a href="javascript:;">影评</a></li>
			<li><a href="javascript:;">2020年度榜单</a></li>
		</ul>
	</div>
</div>
<div id="main">
	<div id="left">
		<h1>
        	<span class="movie-name">巨齿鲨 The Meg</span>
            <span class="year">(2018)</span>
    	</h1>
		<div class="subject">
			<div class="mainpic">
				<img src="../images/14.jpg" />
			</div>
			<div class="info">
        		<span class='item'>导演</span>: 乔·德特杜巴<br/>
        		<span class='item'>编剧</span>: 迪恩·乔格瑞斯 / 乔·霍贝尔 / 埃里希·霍贝尔 / 史蒂夫·艾尔顿<br/>
        		<span class="actor"><span class='item'>主演</span>: 杰森·斯坦森 / 李冰冰 / 雷恩·威尔森 / 鲁比·罗丝 / 赵文瑄 / 佩吉·肯尼迪</span><br/>
        		<span class="item">类型:</span> 动作 / 科幻 / 惊悚<br/>
        		<span class="item">制片国家/地区:</span> 美国 / 中国大陆 / 香港<br/>
        		<span class="item">语言:</span> 英语 / 汉语普通话 / 泰语<br/>
        		<span class="item">上映日期:</span> 2018-08-10(美国/中国大陆)<br/>
        		<span class="item">片长:</span> 115分钟(中国大陆) / 113分钟<br/>
				<span class="item">又名:</span> 极悍巨鲨(港) / 麦格<br/>
        		<span class="item">IMDb链接:</span> tt4779682<br>
			</div>
			<div class="rating">
				<div class="rating-logo">豆瓣评分</div>
				<div class="rating-level">
					<span class="rating-score">5.9</span>
					<div class="rating-right">
						<div><span class="starrating"><span class="star30"></span></span></div>
						<div class="rating-sum">97697人评价</div>
					</div>
				</div>
				<div class="star-count">
					<div class="star-item">
						<span class="stars" title="力荐">5星</span>
						<span class="bar" style="width:3px"></span>
						<span class="star-per">3.1%</span>
					</div>
					<div class="star-item">
						<span class="stars" title="推荐">4星</span>
						<span class="bar" style="width:18px"></span>
						<span class="star-per">16.3%</span>
					</div>
					<div class="star-item">
						<span class="stars" title="还行">3星</span>
						<span class="bar" style="width:64px"></span>
						<span class="star-per">55.9%</span>
					</div>
					<div class="star-item">
						<span class="stars" title="较差">2星</span>
						<span class="bar" style="width:23px"></span>
						<span class="star-per">20.7%</span>
					</div>
					<div class="star-item">
						<span class="stars" title="很差">1星</span>
						<span class="bar" style="width:4px"></span>
						<span class="star-per">4.1%</span>
					</div>
				</div>
				<div class="compare">
					好于 25% 惊悚片<br />
					好于 28% 科幻片
				</div>
			</div>
		</div>
		<div class="evaluation">
			<div id="first">
				<a class="wantto">想看</a>
				<a class="seen">看过</a>
				<div>评价:&nbsp;
					<span class="star">
        				<span><i class="bright"></i><i class="dark"></i></span>
        				<span><i class="bright"></i><i class="dark"></i></span>
        				<span><i class="bright"></i><i class="dark"></i></span>
        				<span><i class="bright"></i><i class="dark"></i></span>
        				<span><i class="bright"></i><i class="dark"></i></span>
    				</span>
					<span class="evaluation-word"></span>
				</div>
			</div>
			
			<div id="second" style="display:none">
				我想看这部电影
				<span class="now-time"></span>
				<a class="del">删除</a><br />
				<span class="show-tips"></span>
			</div>
			
			<div id="third" style="display:none">
				我看过这部电影
				<span class="now-time"></span>
				<a class="del">删除</a>
				<div class="show-evaluation" style="display:none">我的评价:&nbsp;
					<span class="star">
        				<span><i class="bright"></i><i class="dark"></i></span>
        				<span><i class="bright"></i><i class="dark"></i></span>
        				<span><i class="bright"></i><i class="dark"></i></span>
        				<span><i class="bright"></i><i class="dark"></i></span>
        				<span><i class="bright"></i><i class="dark"></i></span>
    				</span>
					<span class="evaluation-word"></span>
				</div>
			</div>
		</div>
		<div class="intro">
			<span class="title">巨齿鲨的剧情简介 · · · · · ·</span>
			<div class="content">
			       　　一项由中国主导的国际科研项目，正在马里亚纳海沟深处进行时，遭遇未知生物攻击，科研人员被困海底。前美国海军陆战队深海潜水专家乔纳斯·泰勒受命前往营救，再度遭遇数年前曾经在深海给自己留下终身难以磨灭记忆的史前生物巨齿鲨。乔纳斯联手科研项目中的中国女科学家张苏茵成功营救了被困人员，但营救行动却意外造成了巨齿鲨逃离深海。当史前巨兽重返浅海，人类将为自己对大自然的贪婪付出惨重的代价......
			</div>
		</div>
		<div class="also-like">
			<span class="title">喜欢这部电影的人也喜欢 · · · · · ·</span>
			<div class="like-film-list">
				<ul>
					<li>
						<a href="thwj.html"><img src="../images/2.jpg" alt="" /></a>
						<p><a href="thwj.html">头号玩家</a></p>
					</li>
					<li>
						<a href="mtyj.html"><img src="../images/4.jpg" alt="" /></a>
						<p><a href="mtyj.html">摩天营救</a></p>
					</li>
					<li>
						<a href="dmkj.html"><img src="../images/10.jpg" alt="" /></a>
						<p><a href="dmkj.html">盗梦空间</a></p>
					</li>
					<li>
						<a href="fczlm.html"><img src="../images/12.jpg" alt="" /></a>
						<p><a href="fczlm.html">复仇者联盟</a></p>
					</li>
					<li>
						<a href="hxjy.html"><img src="../images/13.jpg" alt="" /></a>
						<p><a href="hxjy.html">火星救援</a></p>
					</li>
				</ul>
			</div>
		</div>
	</div>
	
	<div id="aside">
		<div class="common-label">
			<span class="title">豆瓣成员常用的标签 · · · · · ·</span>
			<div class="label-list">
				<ul>
					<li>科幻</li><li>2018</li><li>惊悚</li><li>怪兽</li>
					<li>动作</li><li>冒险</li><li>灾难</li><li>美国</li>
				</ul>
			</div>
		</div>
		<div class="recommend">
			<span class="title">以下豆列推荐 · · · · · ·</span>
			<div class="recommend-list">
				<ul>
					<li>
                		<a href="javascript:;">{北美电影票房总排行}</a>
                		<span>(荔枝超人)</span>
            		</li>
            		<li>
                		<a href="javascript:;">全球电影票房总排行榜</a>
                		<span>(I can fly)</span>
            		</li>
            		<li>
                		<a href="javascript:;">惊悚×恐怖×悬疑【电影】</a>
                		<span>(Spark)</span>
            		</li>
            		<li>
                		<a href="javascript:;">这些片有中字-胖鸟电影网收录</a>
                		<span>(小生的僵尸粉)</span>
            		</li>
            		<li>
                		<a href="javascript:;">2018年至2019年的恐怖期待</a>
                		<span>(沙鳅)</span>
            		</li>
				</ul>
			</div>
		</div>
		<div class="who">
			<span class="title">谁在看这部电影 · · · · · ·</span>
			<div class="number">
				<a href="javascript:;">180156人看过</a>
                &nbsp;/&nbsp;
            	<a href="javascript:;">119790人想看</a>
			</div>
		</div>
	</div>
</div>
<div style="clear:both"></div>
<div id="bottom">
	<span class="copyright">@ 2001 - 2021 mingrisoft.com all rights reserved 吉林省明日科技有限公司</span>
	<span class="about">
		<ul>
			<li>关于明日</li>
			<li>联系我们</li>
			<li>免责声明</li>
			<li>帮助中心</li>
			<li>移动应用</li>
			<li>明日广告</li>
			<li>合作共赢</li>
		</ul>
	</span>
</div>
<div id="show-layer" style="display:none">
	<div class="layer-bg"></div>
	<div class="layer-body">
		<div class="layer-top">
			<span class="title">添加收藏:我想看这部电影</span>
			<span class="x">x</span>
		</div>
		<div class="layer-middle">
			<div id="wantto">
				<span>标签(多个标签用空格分隔):</span>
				<input type="text" name="movietip" />
				<div class="tip">
					<span>常用标签:</span>
					<ul>
						<li>怪兽</li><li>科幻</li><li>2018</li><li>惊悚</li>
						<li>动作</li><li>美国</li><li>冒险</li><li>好莱坞</li>
					</ul>
				</div>
			</div>
			<div id="seen">
				<span>给个评价吧？(可选):&nbsp;</span>
				<span class="star">
        			<span><i class="bright"></i><i class="dark"></i></span>
        			<span><i class="bright"></i><i class="dark"></i></span>
        			<span><i class="bright"></i><i class="dark"></i></span>
        			<span><i class="bright"></i><i class="dark"></i></span>
        			<span><i class="bright"></i><i class="dark"></i></span>
    			</span>
				<span class="evaluation-word"></span>
			</div>
		</div>
		<div class="layer-bottom">
			<input type="button" value="保存" />
		</div>
	</div>
</div>
</body>
</html>
